<template>
	<view class="newgood">
		<view class="h2">周一周四 · 新品首发</view>
		<view class="newgood-box">
			<view class="ul">
				<view  class="li" v-for="(item,index) in newGoodsList" @click="shopdetails(item.id)">
				<view class="newgood-box-img">
					<image :src="item.picUrl"></image>
				</view>	
				<view class="newgood-box-font">
					<view class="newgood-box-title">
						{{item.name}}
					</view>
					<view class="newgood-box-text">
						￥{{item.counterPrice}}
					</view>
				</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			newGoodsList:{
				type:Array
			}
		},
		data() {
			return {
			
			}
		},
		methods: {
			shopdetails(e){
				uni.navigateTo({
				    url: '../../pages/shopdetails/shopdetails?id='+e
				});
			}
		},
	}
</script>

<style lang="scss" scoped>
	$marginBottom: 30rpx;
	$backColor: #f4f4f4;
	@import 'uview-ui/index.scss';
	.newgood {
		margin-top: $marginBottom;
		background-color: $uni-bg-color;
	
		.h2 {
			text-align: center;
			font-size: 40rpx;
			padding: $marginBottom;
			line-height: 60px;
		}
		.newgood-box{
			.ul{
				&::after,&::before{
					display: table;
					content: '';
					clear: both;
				}
				.li{
					text-align: center;
					float: left;
					width: 50%;
					.newgood-box-img{
						image{
							width: 50vw;
							height: 160px;
						}
					}
					.newgood-box-text{
						color: #e0bb76;
					}
				}
			}
			
		}
		}
</style>
